<!DOCTYPE HTML>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>日历插件</title>
    <style type="text/css">
        html {overflow-y:scroll;}
        body {margin:0;padding:40px;background:#c2b38c;}
        div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,textarea {padding:0;margin:0;font-weight:100}
        table,td,tr,th {font-size:12px;}
        li {list-style-type:none;}
        ol,ul {list-style:none;}
    </style>
    <link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body>
    <div class='box' > 
        <input type="text" name='cc' class='ECalendar'  value="2016/10/15 05:32:00" style="z-index: 99;">
        <input type="text" name='cc' class='ECalendar1'  value="2016/10/12 05:32:00" style="z-index: 99;">
    </div>
</body>
<script src="jQuery-2.1.4.min.js"></script>
<script src="Ecalendar.jquery.min.js"></script>
<script>
    $(function(){
        $("input.ECalendar").ECalendar({type:0,offset:[0,2],skin:'asbestos'})
        $("input.ECalendar1").ECalendar({type:1,offset:[0,2],skin:'wisteria'})
    }); 
    </script>
</html>